<template>
	<view class="diy-layer-banner-wrap">
		<cc-layer-banner :list="list" :height="height" :duration="duration" />
	</view>
</template>

<script setup>
	import {
		ref,
		computed
	} from 'vue';
	
	const props = defineProps({
		config: {
			type: Object,
			default: {
				duration: 500,
				height: 350,
				list: []
			}
		}
	});
	
	const list = computed(() => {
		return props.config.list;
	}); 
	
	const height = computed(() => {
		return props.config.height;
	}); 
	
	const duration = computed(() => {
		return props.config.duration;
	}); 
</script>

<style lang="scss" scoped>
	.diy-layer-banner-wrap {
		width: 100%;
	}
</style>